<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用友嘟嘟</title>
<link rel="stylesheet" href="css/yonyouCss.css" type="text/css" />
<link rel="stylesheet" href="css/jquery.fullPage.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script src="js/yonyou.js" type="text/javascript"></script>
</head>

<body>
<!--header-->
<div class="header">
	<div class="hCenter">
    	<h1><a href="#">用友通信-嘟嘟</a></h1>
        <ul>
          <li class="current"><a href="index.html">首页</a></li>
          <li><a href="/demo/index.html" target="_blank">通话体验</a></li>
          <li><a href="process.html">接入教程</a></li>
          <li><a href="#page4">成功案例</a></li>
          <li><a href="#">常见问题</a></li>
        </ul>
        <div class="phone"><a href="#"><img src="images/phone.jpg" width="145" height="20"></a></div>
  </div>
</div>
<!--footer-->
<div class="footer">
	<div class="fCenter">
        <span><a href="aboutUs.html">关于我们</a></span>&nbsp;&nbsp;&nbsp;|&nbsp;
        <span class="span3"><a href="instruction.html">开发者协议</a></span>&nbsp;&nbsp;&nbsp;|&nbsp;
        <span class="span4"><a href="contactUs.html">联系我们</a></span>&nbsp;&nbsp;&nbsp;|&nbsp;
        <span class="span5"><a href="">常见问题</a></span>
    </div>
</div>
<!--right circle-->
<ul id="menu">
	<li data-menuanchor="page0" class="active"><a href="#page0"></a></li>
	<li data-menuanchor="page1" ><a href="#page1"></a></li>
	<li data-menuanchor="page2"><a href="#page2"></a></li>
	<li data-menuanchor="page3"><a href="#page3"></a></li>
	<li data-menuanchor="page4"><a href="#page4"></a></li>
</ul>


<div id="dowebok">
    <!--第一屏-->
    <div class="section section0">
    <!--banner-->
        <!--login-->
        <div class="login">
            <h2>登录开放平台</h2>
            <div class="login_detail">
                <dl>
                  <dt>请输入您的用户名</dt>
                  <dd><input type="text" value="" id="account" name="account" placeholder="用户名"></dd>
                </dl>
                <dl>
                  <dt>请输入您的密码</dt>
                  <dd><input type="password" value="" id="password" name="password" class="pwd" placeholder="密码"></dd>
                </dl>
                <dl class="lastdl">
                  <!-- <dt><input type="checkbox" id="isRememberUserAccount" class="check">&nbsp;记住用户名&nbsp;&nbsp;&nbsp;<a href="#">忘记密码？</a></dt> -->
                  <dt><a href="#">忘记密码？</a></dt>
                  <dd><input type="button" value="登 录" class="btn" onclick="doLogin()"></dd>
                </dl>     
            </div>
        </div>
        <!--login-->
        <!--<div class="banner">    
            <ul>
                <li class="current" style="background:url(images/banner4.jpg) no-repeat center center #35afaa;"></li>  
                <li style="background:url(images/banner1.jpg) no-repeat center center #3d497d; "></li>
                <li style="background:url(images/banner2.jpg) no-repeat center center #076e92;"></li> 
                <li style="background:url(images/banner3.jpg) no-repeat center center #4987b2;"></li>  
                
            </ul>
          
                <div class="arrow">
                  <span class="left"></span>
                  <span class="right"></span>
                </div>
          
           
        </div>-->
        <style type="text/css">

        </style>
<div class="flexslider">
	<ul class="slides">
		<li style="background:url(images/banner4.jpg) no-repeat center center #10979f;"></li>
		<li style="background:url(images/banner1.jpg) no-repeat center center #3d497d;"></li>
		<li style="background:url(images/banner2.jpg) no-repeat center center #076e92;"></li>
		<li style="background:url(images/banner3.jpg) no-repeat center center #4987b2;"></li>	
	</ul>
</div>
<script type="text/javascript">
$(function(){
	$('.flexslider').flexslider({
		directionNav: true,
		pauseOnAction: false
	});
});
</script>
    <!--banner end-->
    </div>
    <!--第二屏-->
    <div class="section section1">
        <div class="content">
            <div class="title"><img src="images/title.png" width="158" height="20"></div>
            <div class="fly"><img src="images/fly.png" width="350" height="380"></div>
            <div class="dot"><img src="images/dot.png" width="742" height="373"></div>
            <div class="txt">
                <h3><img src="images/connect.png" width="143" height="35"></h3>
                <b>接口开放，轻易扩展，通信功能随时加</b>
                <p>在用友通信平台，您的应用只需调用一个API接口，<br>
即可轻松获取通讯能力，开启应用融合通信之门；<br>
支持任何客户端应用，在任何编程语言下进行能力调用。<br></p>
            </div>
        </div>
    </div>
    <!--第三屏-->
    <div class="section section2">
        <div class="content">
          <div class="title"><img src="images/title.png" width="158" height="20"></div>
          <div class="dun"><img src="images/u_dun.png" width="169" height="238"></div>
          <div class="yun_front"><img src="images/yun.png" width="419" height="136"></div>
          <div class="yun_bg"><img src="images/three_bgdot.png" width="1000" height="328"></div>
          <div class="txt txt2">
             <h3><img src="images/secity.png" width="177" height="33"></h3>
             <b>商用线路 清晰稳定</b>
             <p>PSTN商用实体落地线路，通话稳定不掉线；<br>语音清晰无杂音；<br>支持手机与固话同时接入。
</p>
          </div>
        </div>
      </div>
    <!--第四屏-->
    <div class="section section3">
      <div class="content">
        <div class="title"><img src="images/title.png" width="158" height="20"></div>
        <div class="table"><img src="images/table.png" width="340" height="268"></div>
        <div class="air"><img src="images/air.png" width="385" height="337"></div>
        <div class="star"><img src="images/star.png" width="735" height="270"></div>
        <div class="txt">
             <h3><img src="images/opacity.png" width="143" height="35"></h3>
             <b>后台计费，实时统计，通话话单任意查</b>
             <p>每次通话结束，我们会实时返回话单。<br>
平台提供多种方式的报表查询，让你随时了解通话费用详情。<br>
接入你的应用，试着记录下第一次通话吧！</p>
        </div>
      </div>
    </div>
    <!--第五屏-->
  <div class="section section4">
    <!--5 banner-->    
            <div class="wrapFiv">
                  <ul>
                     <li class="current">
                        <dl>
                        <dd>
                         <div class="sucess"><img src="images/success.png" width="146" height="33"></div>
                         <div class="sucess_title"><img src="images/dudu.png" width="97" height="34" /></div>
                         <h2>企业沟通联动加速器</h2>
                         <p>嘟一下不仅接入了多方通话能力，还加入了我们的免费电话，<br>
独家的高清语音服务，让嘟一下的每一次沟通都清晰稳定。<br>
赶快去嘟一下，体验下我们的服务吧！
</p>
                         <a href="http://elx.yonyoutelecom.cn/" target="_blank"><input type="button" value="了解嘟一下"  class="more"/></a>
                       </dd>
                       <dt class="first"><span><img src="images/phone.png" width="417" height="339"></span><a><img src="images/phone_top.png" width="304" height="237"></a></dt>
                       </dl>
                      </li>
                     <li>
                        <dl>
                        <dd>
                         <div class="sucess"><img src="images/success.png" width="146" height="33" /></div>
                         <div class="sucess_title"><img src="images/space.png" width="143" height="35"></div>
                         <h2>社会化应用平台，激发企业创新力</h2>
                         <p>组织企业社交，创建内部协作网络。<br>创建产业链协同网络，构建更加广泛和强大的商业生态系统。<br>助力拓展与维系社会化商务关系，推动企业社会化转型。</p>
                         <a href="http://www.upesn.com/" target="_blank"><input type="button" value="了解企业空间"  class="more"/></a>
                       </dd>
                       <dt class="padTop"><img src="images/computer.png" width="411" height="274"></dt>
                       </dl>
                      </li>
                     <li>
                       <dl>
                       <dd class="marginR">
                        <div class="sucess"><img src="images/success.png" width="146" height="33" /></div>
                        <div class="sucess_title"><img src="images/job.png" width="143" height="35"></div>
                        <h2>免费的移动办公平台</h2>
                        <p>工作圈成功接入并上线了多方通话功能，<br>
现在圈里的小朋友们电话会议更简单了，<br>
随时随地，轻轻一点，即刻接通！</p>
                        <a href="http://www.gongzuoquan.com/" target="_blank"><input type="button" value="了解工作圈"  class="more"/></a>
                       </dd>
                       <dt><img src="images/phone2.png" width="366" height="366" /></dt>
                       </dl>
                      </li>
                  </ul>
                  <div class="arrow">
                    <span class="left"></span>
                    <span class="right"></span>
                  </div>
        </div>
    <!--5 banner end-->
  </div>
</div>
  <script>
  	function doLogin(){
		var account = document.getElementById("account").value;
	  	var password = document.getElementById("password").value;
		var url = "/menu/doLogin.do?account="+account+"&password="+password;
	  	$.ajax({
	  			url : url, 
	  			dataType : "json",
	  			data: {account: account, password: password},
	  			success : function(data){
	  				if (data.retFlag)
	  				{
	  				  	
	  					/* if ($("#isRememberUserAccount").checked())) {
	  						$.cookie("remembered_user_account" , account, {expires:365});
	  					} else {
	  						$.cookie("remembered_user_account" , null);
	  					} */
	  					
	  					var userInfo = data.userInfo;
	  					var userType = userInfo.userType;
	  					window.location.href = data.redirecturl;
	  				}
	  				else
	  				{
	  					alert(data.retMsg);
	  				}
	  			},
	  			error : function(){
	  				//alert("请求失败，请联系管理员！");
	  			}
	  	}); 
  	}
  	
  	document.onkeydown=keyDownFun; 
  	
  	function keyDownFun(e) {    
      // 兼容FF和IE和Opera    
      var theEvent = e || window.event;    
      var code = theEvent.keyCode || theEvent.which || theEvent.charCode;    
      if (code == 13) {    
          doLogin();//具体处理函数    
          return false;    
      }    
      return true;    
  	}  
  	
  	/* $(document).ready( function() {
			var userAccount = $.cookie("remembered_user_account");
			if(userAccount){
				//$("#isRememberUserAccount").checked();
				$("#account").val(userAccount);
				$("#password").focus();
			}else{
				//$("#isRememberUserAccount").prop("checked", false);
				$("#account").focus();
			}
	}); */
  </script> 
</body>
</html>
